<!--
 * @description 组件
 * @author: 陈陈
 * @date: 2025/05/09
 * @phone: 18560000860
 * @email: 18560000860@qq.com
 * @company: 济南晨霜信息技术有限公司 /
 * @business: 承接前后端项目的开发
-->
<template>
	<view
		class="pj-demo"
		:class="_classes"
		:style="_styles"
	>
		<view class="pj-demo__topic">
			<view
				class="pj-demo__title"
				v-if="title"
				>{{ title }}</view
			>
			<view
				class="pj-demo__subtitle"
				v-if="subtitle"
				>{{ subtitle }}</view
			>
			<view class="pj-demo__desc">
				<view
					v-for="(item, index) in _desc"
					:key="index"
				>
					{{ item }}
				</view>
			</view>
		</view>
		<view class="pj-demo__body">
			<slot></slot>
		</view>
	</view>
</template>

<script>
	import commonComponentOptions from "@/uni_modules/pure-ui/config/options";
	export default {
		options: commonComponentOptions
	};
</script>

<script setup>
	import { ref, computed } from "vue";
	import props from "./props";

	// **************************************************************************************************************
	// * Refs
	// **************************************************************************************************************

	// **************************************************************************************************************
	// * Options
	// **************************************************************************************************************
	defineOptions(commonComponentOptions);

	// **************************************************************************************************************
	// * Props
	// **************************************************************************************************************
	const _props = defineProps(props);

	// **************************************************************************************************************
	// * Emits
	// **************************************************************************************************************
	const _emits = defineEmits([]);

	// **************************************************************************************************************
	// * Classes
	// **************************************************************************************************************
	const _classes = computed(() => {
		const array = [];
		return array;
	});

	// **************************************************************************************************************
	// * Styles
	// **************************************************************************************************************
	const _styles = computed(() => {
		const array = [];
		return array;
	});

	// **************************************************************************************************************
	// * Computed
	// **************************************************************************************************************
	// 介绍
	const _desc = computed(() => {
		const array = [];
		if (typeof _props.desc === "string") {
			array.push(..._props.desc?.split?.("丨"));
		}
		return array;
	});

	// **************************************************************************************************************
	// * Functions
	// **************************************************************************************************************
</script>

<style scoped lang="scss">
	@import "./style.scss";
</style>
